/**
 * CSS Document * 
 * Created by Jessie 2016/8/17.
 */
@import "common/reset";
@import "common/grids";
@import "common/common";
.jstx-bg{background: url("../images/2016jstx_bg.jpg") no-repeat center top;
  #header{.center-block(1002px);padding-top: 40px;
    .back{.dis-in-b;margin-left: 10px;padding-left:30px;background: url("../images/2016_jstx_ico01.png") no-repeat left center;font:14px/24px @font-yahei;color: #fff;&:hover{color: @orange;}}
  }
  #content{.center-block(1002px);
    .ewm-box{padding: 256px 0 0 468px;}
    .tab-ul{border-bottom: 1px solid #fff;.clearfix;
      li{.dis-in-b;.float-left;width: 50%;font:24px/82px @font-yahei;color: #fff;.text-center;cursor: pointer;&.cur{border-bottom: 2px solid #fff;line-height: 80px;}}
    }
    .ewm-pic{.mt30;.clearfix;height: 186+40px;
      li{.dis-in-b;font:24px/40px @font-yahei;color:#fff;.text-center;img{width: 186px;height: 186px;}}
    }
  }
}
.xjy-bg{background: url("../images/2016xjy_topbg.png") repeat-x left top;
  #header{.center-block(1204px);height: 140px;.clearfix;
    h1{.dis-in-b;.float-left;width: 666px;a{font:54px/140px @font-yahei;color: #fff;}}
    .r-box{.dis-in-b;.float-right;padding-top: 52px;
      .tx{.dis-in-b;.float-left;width: 71px;img{width: 71px;height: 71px;.rounded-corners(36px);}}
      .sel{.dis-in-b;.float-left;position: relative;margin: 20px 20px 0 20px;cursor: pointer;
        span{.dis-in-b;background: url("../images/2016xjy_tico01.png") no-repeat right center;padding-right: 14px;font:14px/24px @font-yahei;color: #fff;}
        ul{.dis-in-b;position: absolute;left: 0;top:24px;width: 100%;background: #808c94;display: none;
          li{font:14px/24px @font-yahei;color: #333;.text-center;
            &:hover{background: #93c0e4;color: #fff;}
          }
        }
      }
      .sz-a{.dis-in-b;.mt20;width: 24px;height:24px;background: url("../images/2016xjy_tico02.png") no-repeat center center;}
    }
  }
  #content{height: 780px;background: url("../images/2016xjy_bg.jpg") no-repeat;
    .btn-list{.center-block(1204px);padding: 30px 1px;.clearfix;
      li{.dis-in-b;.float-left;width: 204px;height: 204px;padding:24px;background: url("../images/2016xjy_libg.png") no-repeat;margin:60px 24px 0 24px;
        a{.dis-in-b;width: 100%;padding-top: 134px;height: 70px;font:18px/34px @font-yahei;color: #262626;.text-center;
          &:hover{color: @orange;}
          &.a1{background: url("../images/2016xjy_ico01.png") no-repeat center 30px;}
          &.a2{background: url("../images/2016xjy_ico02.png") no-repeat center 30px;}
          &.a3{background: url("../images/2016xjy_ico03.png") no-repeat center 45px;}
          &.a4{background: url("../images/2016xjy_ico04.png") no-repeat center 40px;}
          &.a5{background: url("../images/2016xjy_ico05.png") no-repeat center 26px;}
          &.a6{background: url("../images/2016xjy_ico06.png") no-repeat center 45px;}
          &.a7{background: url("../images/2016xjy_ico07.png") no-repeat center 26px;}
          &.a8{background: url("../images/2016xjy_ico08.png") no-repeat center 42px;}
        }
      }
    }
  }
  #footer{height: 160px;background: url("../images/2016xjy_footer_bg.png") repeat-x left top;
    .main{.center-block(1204px);.clearfix;padding: 30px 0;
      .logo{.dis-in-b;.float-left;width: 484px;.text-center;font:30px/100px @font-yahei;color: #fff;}
      .r-box{.dis-in-b;.float-left;
        p{font:14px/30px @font-yahei;color: #838383;}
      }
    }
  }
}
.login-bg{background: url("../images/2016_login_bg.jpg") no-repeat center top;background-size: cover;
  input,button,select,textarea{outline:none}
  #content{.dis-in-b;width: 554px;height: 591px;background: url("../images/2016_login_con.png") no-repeat;position: fixed;left: 0;top: 0;right: 0;bottom: 0;margin: auto;
    h2{font:36px/90px @font-yahei;color: #333;.text-center;}
  }
  .main{padding:0 48px;}
  .tab-ul{height: 82px;background: url("../images/2016_login_line.png") repeat-x left bottom;.clearfix;margin-bottom: 10px;
    li{.dis-in-b;.float-left;width: 50%;font:20px/82px @font-yahei;color: #c8c8c8;.text-center;cursor: pointer;
      &.cur{color: #000;border-bottom: 3px solid #6cb7cf;line-height: 79px;}
    }
  }
  p{.mt20;}
  .sr{width:454-62px;height: 46px;border: 1px solid #c8c8c8;background: url("../images/2016_login_ico01.png") no-repeat 20px center;padding-left: 60px;font:14px/46px @font-yahei;color: #333;.rounded-corners(8px);
    &:focus{
      transition:border linear .2s,box-shadow linear .5s;
      -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
      -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
      outline:none;border-color:rgba(93,149,242,.75);
      box-shadow:0 0 8px rgba(93,149,242,.105);
      -moz-box-shadow:0 0 8px rgba(93,149,242,.5);
      -webkit-box-shadow:0 0 8px rgba(93,149,242,3);
    }
  }
  .sr01{background: url("../images/2016_login_ico01.png") no-repeat 20px center;}
  .sr02{background: url("../images/2016_login_ico02.png") no-repeat 20px center;}
  .sr03{.dis-in-b;.float-left;width:233px;height: 46px;border: 1px solid #c8c8c8;padding-left:20px;font:14px/46px @font-yahei;color: #333;.rounded-corners(8px);
    &:focus{
      transition:border linear .2s,box-shadow linear .5s;
      -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
      -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
      outline:none;border-color:rgba(93,149,242,.75);
      box-shadow:0 0 8px rgba(93,149,242,.105);
      -moz-box-shadow:0 0 8px rgba(93,149,242,.5);
      -webkit-box-shadow:0 0 8px rgba(93,149,242,3);
    }
  }
  .yzm-a{.dis-in-b;.float-right;width: 178px;height: 48px;img{width: 178px;height: 48px;}}
  .fx{.dis-in-b;.float-left;width: 16px;height: 16px;margin:4px 10px 0 0;}
  label{.dis-in-b;.float-left;font:14px/24px @font-yahei;color: #333;}
  .wjmm{.dis-in-b;.float-right;font:14px/24px @font-yahei;color: #333;&:hover{color: @orange;}}
  .btn{width: 453px;height: 68px;border: none;background: url("../images/2016_login_btn.png") no-repeat;cursor: pointer;font:18px/48px @font-yahei;color: #fff;.text-center;
    &:active{background: url("../images/2016_login_btn_h.png") no-repeat;}
  }
  .ewm-login{.text-center;font:16px/40px @font-yahei;color: #333;
    img{width: 320px;height: 320px;}}
}